@media screen and (max-width:1199px){
	#nav-bar > ul > li > a{
		padding:15px 21px;
	}
	.ct_product{ height:auto;}
}
@media screen and (max-width: 991px){
	#nav-bar > ul > li > a{ padding:15px 9px;}
	.pboth{ padding-left:30px; padding-right:30px;}	
	.hotline{ display:none;}
	.ul_product > li .lead{font-size:16px;}
	.div_tienich .ul_product > li .thumb{width:140px;}
	
	.mail_building h3.title a,
	.tieudiem .title a,
	.tieudiem .bar a{font-size:16px;}
	
	.mail_building .lead,
	.tieudiem .lead,
	.ul_other > li a,
	.text_p,
	.frm_contact{font-size:14px;}
	
	.hot_project,
	.social_connect{ text-align:left; margin-top:20px;}
	.tieudiem{ margin-bottom:20px;}
}
@media screen and (max-width: 767px){
	#header-web{ display:none;}
	.navbar-toggle{margin:20px 15px;}
	.logo_png{margin:10px 0 0 15px; float:left;}
	.logo_png > img{height:53px;}
	.navbar-nav > li > a{ font-size:16px;}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus{ color:#fff;}
	
	#nav-bar > .nav > li {
		display: block;
		position: relative;
	}
	#nav-bar > ul{width:auto; height:auto;}
}